<style scoped>
    .login {
        background: #f8f8f9;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .login-logo {
        width: 100px;
        height: 115px;
        background: url(http://7o50ww.com1.z0.glb.clouddn.com/ibiu.svg);
        margin-bottom: 10px;
    }
    .login, .login-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .login-form {
        width: 400px;
        box-sizing: border-box;
        padding: 45px;
        padding-top: 20px;
        background: #fff;
        border-radius: 1px;
    }
    .login-form input {
        font-family: Microsoft YaHei;
        outline: 0;
        width: 100%;
        padding: 15px;
    }
    .login-form input {
        background: #f2f2f2;
        border: 0;
        margin: 0 0 15px;
        box-sizing: border-box;
    }
    .login-button {
        font-family: Microsoft YaHei;
        outline: 0;
        width: 100%;
        padding: 15px;
        color: #f2f2f2;
        text-transform: uppercase;
        background: #2d8cf0;
        font-size: 16px;
        transition: all .3s ease;
        cursor: pointer;
    }
</style>

<template>
    <div class="login">
        <div class="login-form">
            <div class="login-logo"></div>
            <input type="text" placeholder="name">
            <input type="password" placeholder="password">
            <Button class="login-button">登陆</Button>
        </div>
    </div>
</template>

<script>

</script>